<div class="container">
	<div class="row" style="padding-top: 10%;">
		<div class="span5 offset3 hero-unit">
			<form id="formLogin" class="form-horizontal" method="post" action="#">
				<fieldset>
					<legend>
						Inicio Sesi&oacute;n
					</legend>
					<div class="control-group">
						<label class="control-label" for="usuario">Usuario</label>
						<div class="controls">
							<input type="text" id="usuario" name="user">
						</div>
					</div>

					<div class="control-group">
						<label class="control-label" for="pass">Contrase&ntilde;a</label>
						<div class="controls">
							<input type="password" id="pass" name="password">
						</div>
						<div>
							<a class="span3 offset2" style="font-size: 14px; color: #555555; cursor: pointer;" id="olvidaContra"> ¿Has olvidado tu contraseña?</a>
						</div>
					</div>

				</fieldset>

				<div class="row">
					<div class="span2 offset3">
						<button class="btn btn-primary" type="submit"  id="login">
							Acceder <i class="icon-chevron-right icon-white"></i>
						</button>
					</div>
				</div>
			</form>
		</div>
	</div>
	<div class="row">
		<div class="span5 offset4">
			<strong>
			<div id="registrar">
				¿A&uacute;n no te has registrado? Haz click <a href="#/registro" style="color:#044482; cursor: pointer;">aqu&iacute;</a>
			</div></strong>
		</div>
	</div>

	<div id="modalLogin" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="background-color: #F2DEDE;">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
				×
			</button>
			<h3 style="color: #B94A48;">Error: </h3>
		</div>
		<div class="modal-body">
			<p class="texto" style="font-size: 14px;">

			</p>
		</div>
	</div>

	<div id="modalOlvidaContraseña" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
				×
			</button>
			<h3 style="color: #B94A48;">¿Olvidó su contraseña? </h3>
		</div>
		<div class="modal-body">
			<p>
				Por favor, rellene los siguientes datos:
			</p>
			<form id="formSolicitud" class="form-horizontal" method="post" action="#">
				<div class="control-group">
					<label class="control-label" for="usuarioOlvido">Usuario: </label>
					<div class="controls">
						<input type="text" id="usuarioOlvido" name="usuarioOlvido">
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="correoOlvido">Correo electrónico: </label>
					<div class="controls">
						<input type="text" id="correoOlvido" name="correoOlvido" pattern="^(\w)([.]*[_]*[-]*\w)+@([a-z])+([.]*[a-z])*[.]([a-z]{2,3})$">
					</div>
				</div>

			</form>
		</div>
		<div class="modal-footer">
			<a class="btn btn-primary" id="envioSolicitud">Enviar <i class="icon-chevron-right icon-white"></i> </a>
		</div>
	</div>

	<div id="modalConfirmar" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
				×
			</button>
			<h3 style="color: #044482;">Confirmación: </h3>
		</div>
		<div class="modal-body">
			<p class="texto" style="font-size: 14px;">
				Se le ha enviado al correo su contraseña, revise la sección correo no deseado
			</p>
		</div>
	</div>

	<div id="modalErrorConfirmar" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
				×
			</button>
			<h3 style="color: #B94A48;">Error: </h3>
		</div>
		<div class="modal-body">
			<p class="texto" style="font-size: 14px;">
				Error al solicitar la contraseña
			</p>
		</div>
	</div>

</div>